@charset "utf-8";
.city-pickers{display:inline-block;position:relative;}
.city-picker{position: fixed;width:315px;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:999999;display:none;min-width:330px;margin-bottom:20px;margin-top:10px;box-shadow:2px 2px 10px rgba(0,0,0,0.18);text-align:left;}
.city-picker-tab{background:#8690a1;font-size:13px;display:flex;}
.city-picker-tab > span{display:inline-block;padding:8px 22px;text-align:center;outline:0;text-decoration:none;cursor:pointer;font-size:14px;color:#fff;}
.city-picker-tab > span:hover{background:#5d6778;transition:all .3s;}
.city-picker-tab > span.city-picker-active{background:#fff;color:#5a687e;}
.city-picker-clear {padding: 2px 12px;outline: 0;text-decoration: none;cursor: pointer;font-size: 14px;color: #e6e6e6;position: absolute;right: 6px;top: 6px;background: #697182;border-radius: 3px;}
.city-picker-clear:hover {color: #e6e6e6;background: #505665;}
.city-picker-content{width:100%;min-height:10px;background-color:#fff;padding:10px 15px;}
.city-picker-select{font-size:13px;display:none;}
.city-picker-select .city-picker-row{line-height:2;clear:both;padding:3px 0;margin:0;display:flex;}
.city-picker-select .city-picker-row label{white-space:nowrap;min-width:50px;color:#888;}
.city-picker-select span{display:inline-block;padding:0 10px;outline:0;text-decoration:none;white-space:nowrap;margin-right:2px;text-decoration:none;color:#333;cursor:pointer;}
.city-picker-select span:hover{background:#eaf1f8;border-radius:2px;color:#477fdd;}
.city-picker-select span.city-picker-action{background-color:#8690a1;color:#fff;border-radius:2px;}
.city-picker-open{display:block;}